.my-video {
		background-color: #FFFFFF;
		padding: 20px;
		margin-top: 20px;
	}
	.el-aside {
		h2 {
			font-size: 22px;
			margin: 10px;
			font-weight: 400;
			padding-bottom: 10px;
			text-align: left;
			color: #f8f8f8;
		}
	
		div {
			text-align: left;
			color: #d0d2d4;
			font-size: 14px;
			margin-left: 20px;
	
			p {
				padding: 10px;
			}
		}
	}
	
	.home {
		/* max-height: 2400px; */
		padding-bottom: 40px;
		/* background-color: #FFFFFF; */
	}
	
	.site-content {
	
		.aaa,
		.my-video {
			border-radius: 5px;
			/* border: 1px solid #F5F5F5; */
	
			.fa {
				margin-right: 10px;
			}
	
			.fa-weixin {
				margin: 0;
			}
	
			&:hover {
				box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
			}
	
			.site-main {
				margin-top: 0;
				width: 100%;
				border-radius: 5px;
			}
	
			margin-top: 20px;
		}
	
		.aaa {
			background-color: #FFFFFF;
			padding: 20px;
			margin-top: 20px;
	
			&:hover {
				.section-title {
					color: orange;
				}
			}
		}
	
		.bbb {
			position: relative;
			display: flex;
			margin-top: 20px;
		}
	
		/* background-color: #FFFFFF;
		padding: 20px 40px; */
		position: relative;
		top: -45px;
		max-width: 1300px !important;
		z-index: 8;
	
		.notify {
			/* margin: 60px 0; */
			border-radius: 3px;
	
			&>div {
				padding: 20px;
			}
		}
	
	
		.search-result {
			padding: 15px 20px;
			text-align: center;
			font-size: 20px;
			font-weight: 400;
			border: 1px dashed #ddd;
			color: #828282;
		}
	}
	
	.top-feature {
		width: 100%;
		height: auto;
		/* margin-top: 30px; */
	
		.feature-content {
			margin-top: 10px;
			display: flex;
			justify-content: space-between;
			position: relative;
	
			.feature-item {
				width: 100%;
			}
		}
	}
	
	.site-main {
		background-color: #FFFFFF;
		padding: 20px;
		margin-top: 20px;
		width: 70%;
		display: inline-block;
	
		&.search {
			padding-top: 0;
		}
	}
	
	
	.more {
		margin: 50px 0;
	
		.more-btn {
			width: 100px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #ADADAD;
			border: 1px solid #ADADAD;
			border-radius: 20px;
			margin: 0 auto;
			cursor: pointer;
	
			&:hover {
				color: #8fd0cc;
				border: 1px dashed #8fd0cc;
			}
		}
	}
	@media screen and (max-width: 600px) {
		.home {
	
			/* width: 1024px !important; */
			#banner {
				height: 200px !important;
			}
	
			.aaa {
				.el-aside {
					padding: 10px;
	
					h2 {
						font-size: 16px;
					}
	
					div {
						p {
							padding: 5px;
							font-size: 14px;
	
							button {
								padding: 5px;
								font-size: 10px;
								margin-left: 0;
							}
						}
					}
				}
			}
		}
	}
	
	@media screen and (max-width: 1024px) {
		.home {
	
			/* width: 1024px !important; */
			#banner {
				height: 500px;
			}
		}
	}
	
	
	@media screen and (max-width: 1024px) {
	
		/* #tj_articles2{
			margin: 0 auto;
			width: 95%;
		} */
		.home {
			#mobile-nav {
				display: block;
				position: fixed;
				top: 40%;
				left: 0;
				width: 15px;
				height: 100px;
				background-color: #2EA7E0;
				z-index: 40;
				line-height: 100px;
				text-align: center;
	
				i {
					color: #FFFFFF;
				}
			}
	
			.site-content {
				top: 0;
				padding: 5px;
	
				.aaa {
					box-sizing: border-box;
					margin-top: 2px;
					width: 100% !important;
	
					.load_more {
						display: block;
						text-align: center;
						margin-top: 10px;
	
						button {
							padding: 8px 12px;
							font-size: 13px;
						}
					}
	
					.el-aside {
						width: 100% !important;
						overflow-y: hidden;
					}
	
					.hoot {
						height: auto;
	
						.el-container {
							display: block;
	
							.ab {
								height: auto;
								overflow-y: hidden;
	
								li {
									height: 35px;
								}
	
								font-size: 14px;
							}
						}
					}
				}
	
				.bbb {
					position: relative;
					display: block;
					#tj_articles {
						width: 100%;
						margin-top: 5px;
					}
	
					.sp {
						width: 100%;
						position: relative;
						margin-top: 5px;
						margin-left: 0;
						.fk,.extension,.yl{
							margin-top: 5px;
						}
					}
	
				}
			}
		}
	}